.footer{
    padding: 2rem 0rem;
    background: #3b3b3b;
}
.footer .content{
    width: 85%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding-left: 70px;
}
.footer .content .title{
    color: #8c8d94;
    text-align-last: left;
}
.footer .content .title .top{
    width: 50%;
    display: flex;
    justify-content: space-between;
    font-size: 1rem;
    margin-bottom: .5rem;
}
.footer .content .title .btm{
    font-size: 1rem;
}
.footer .content .list{
    width: 15%;
    display: flex;
    justify-content: space-between;
    
}
.footer .content .list .item{
    position: relative;
}
.footer .content .list .item img{
    cursor: pointer;
}
.footer .content .list .img{
    position: absolute;
    left: -50px;
    bottom: 100%;
    display: none;
}
.popp:hover{
    transform:rotateX(360deg);
}
.popp{
    transition: all linear 1s;

}
.title .big{
    transition: all linear 1s;
}
.title .big:hover{
    transform:rotateX(360deg);

}


@media screen and (max-width:1000px) {
    .footer .content .list{
        width: 25%;        
    }
}
@media screen and (max-width:650px) {
    .footer .content .title{
        width: 60%;
    }
    .footer .content .title .top{
        width: 100%;
    }
    .footer .content .list{
        width: 30%;        
    }
}
@media screen and (max-width:460px) {
    .footer .content .title{
        width: 60%;
    }
    .footer .content .list{
        width: 40%;        
    }
}